<template>
  <view class="wapper">
    <view class="biaoji">
      <image src="/static/icons/刷子.png" mode="scaleToFill" />
      <text>全部标记已读</text>
    </view>
    <Card2
      @click="goDetail(1)"
      v-for="(i, index) in 10"
      title="全市开展树文明讲新风"
      :isBorder="true"
    >
      <template v-slot:fu-icon>
        <image class="icon" src="/static/icons/向右.png" mode=""></image>
      </template>
      <template v-slot:floot-left>
        <view>2022-02-28 18:00</view>
      </template>
      <template v-slot:main>
        <view>响应市局号召，展开文明建设。</view>
      </template>
      <template v-slot:floot-right>
        <view>花园小区物业处</view>
      </template>
    </Card2>
    <view style="height: 200rpx;"></view>
  </view>

  <tabBar :currentPage="3"></tabBar>
</template>

<script setup>
// import Card from '@/components/card.vue'
import Card2 from "/components/card-2.0.vue";
function goDetail(id=1) {
  uni.navigateTo({ url: "/pages/navBer/news/newsDetail"});
}
</script>

<style lang="less">
.icon {
  height: 30rpx;
  width: 50rpx;
}
.wapper {
  background-color: rgb(245, 245, 245);
  overflow: auto;
  .biaoji {
    margin: 30rpx;
    font-size: 28rpx;
    text-align: right;
    color: #9c9b9b;
    image {
      height: 26rpx;
      width: 26rpx;
      vertical-align: middle;
      margin: 10rpx;
    }
  }
}
</style>
